<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />  
<script language="javascript" type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.fusiondevs.com/lab/cleary/js/custom.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<title>Cleary by Fusiondevs</title>
</head>

<body>

<div class="header">
	<div class="top">
    	<div class="contents">
	    	<h1><a href="index.html" class="logo"></a></h1>
        </div>
    </div>
    <div class="middle">
    	<div class="contents">
	        <span>Personal website mobile template</span>
        </div>
    </div>
</div>

<div class="container">
	<div class="contents">
    	<h1>Blog</h1>
        
        <div class="article_item">
            <h3>
            <span class="date">
                <span class="day">wed</span><br />
                <span class="number">15</span>
            </span>
            Lorem ipsum dolor sit amet sed orci sapien, pretium quis.</h3>
            <p>Nam commodo neque quis tellus adipiscing molestie at nec lectus. Donec sit amet ligula sapien. Phasellus non justo est, in venenatis metus. Phasellus enim purus, mollis quis euismod id, pulvinar in urna. Donec vitae mollis dui. Donec ut lorem sit amet dolor pretium dignissim blandit sed elit. Fusce porta viverra dolor, quis molestie velit fermentum ut.</p>
            <a href="article.html" class="smallmenu">Read more <img src="img/menuarrow_small.png" alt="Go!" class="arrowright" /></a>
        </div>
        
        <div class="article_item">
            <h3>
            <span class="date">
                <span class="day">fri</span><br />
                <span class="number">10</span>
            </span>
            Lorem ipsum dolor sit amet sed orci sapien, pretium quis.</h3>
            <p>Nam commodo neque quis tellus adipiscing molestie at nec lectus. Donec sit amet ligula sapien. Phasellus non justo est, in venenatis metus. Phasellus enim purus, mollis quis euismod id, pulvinar in urna. Donec vitae mollis dui. Donec ut lorem sit amet dolor pretium dignissim blandit sed elit. Fusce porta viverra dolor, quis molestie velit fermentum ut.</p>
            <a href="article.html" class="smallmenu">Read more <img src="img/menuarrow_small.png" alt="Go!" class="arrowright" /></a>
        </div>
        
        <div class="article_item">
            <h3>
            <span class="date">
                <span class="day">thu</span><br />
                <span class="number">2</span>
            </span>
            Lorem ipsum dolor sit amet sed orci sapien, pretium quis.</h3>
            <p>Nam commodo neque quis tellus adipiscing molestie at nec lectus. Donec sit amet ligula sapien. Phasellus non justo est, in venenatis metus. Phasellus enim purus, mollis quis euismod id, pulvinar in urna. Donec vitae mollis dui. Donec ut lorem sit amet dolor pretium dignissim blandit sed elit. Fusce porta viverra dolor, quis molestie velit fermentum ut.</p>
            <a href="article.html" class="smallmenu">Read more <img src="img/menuarrow_small.png" alt="Go!" class="arrowright" /></a>
        </div>
        
        <div class="paginator">
        	<a href="javascript:return false;" class="prev">Prev</a>
            <span class="page">Page 1 of 5</span>
            <a href="javascript:return false;" class="next">Next</a>
        </div>
    </div>
   
</div>
<div class="contents">
    <div class="footer">
        <span class="copy">&copy; 2011 <a href="http://www.fusiondevs.com/">Fusiondevs.com</a><br />Powered by Cleary</span>
        <a href="#" class="top">Top</a>
    </div>
</div>

</body>

</html>
